<div class="project">
  <div class='head' >
    <div class='title' onmouseout="$('project_<%= index %>').hide();" onmouseover="$('project_<%= index %>').show();">
      <div>◆海口市五源河新区综合楼</div>
      <div id='project_<%= index %>' class='tools' style='display:none;'>
        <a href='#' class='base_i'>修改</a>
        <a href='#' class='base_i'>删除</a>
        <a href='#' class='base_i'>▶创建阶段</a>
      </div>
    </div>
    <div class='overviews'>
      <div class='paying'><a href='#' class='base'>▶待发</a>：<b>￥</b><small>2000.00</small></div>
      <div class='paused'><a href='#' class='base'>▶暂缓</a>：<b>￥</b><small>2000.00</small></div>
      <div class='payed'><a href='#' class='base'>▶已发</a>：<b>￥</b><small>2000.00</small></div>
    </div>
  </div>
  <div class='new_or_edit new_or_edit_stage'>
    <div class='stage_form'>
      <form>
        <dl>
          <dt>待发-阶段名称：</dt>
          <dd><input size='80'></dd>
        </dl>
        <dl>
          <dt>结算起日期：</dt>
          <dd><input size='80'></dd>
        </dl>
        <dl>
          <dt>结算止日期：</dt>
          <dd><input size='80'></dd>
        </dl>
        <dl>
          <dt class='l'>备注：</dt>
          <dd><textarea></textarea></dd>
        </dl>
      </form>
    </div>
    <div class='buttons'>
      <a href='#' class='save button'>保存</a> <a href='#' class='go_back button'>返回</a>
    </div>
  </div>
  <div class='body'>
    <div class='stage'>
      <div class='head' onmouseover="$('stage_tools_1').show();" onmouseout="$('stage_tools_1').hide();">
        <div class='name half_corner paying'>
          <a href='#' class='base'>▶施工图</a>
        </div>
        <div>
          <div class='crud'>
            <div class='box cud_smart_form'>
              <div id='cd_stage_form' class='new_or_edit' style='display:none;'>
                <div class='form'>
                  <dl>
                    <dt>施工图-分类：</dt>
                  </dl>
                <% 5.times.each do |i| %>
                  <div class='item'>
                    <div class='name'>公建</div>
                    <div class='tools'>
                      <a href='' class='base'>加入</a>
                    </div>
                  </div>
                <% end %>
                </div>               
                <div class='buttons'>
                  <a href='javascript:Effect.Fade("cd_stage_form");void(0);' class='go_back button'>返回</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class='tools' id='stage_tools_1' style='display:none;'>
          <a href='#' class='base_i'>修改</a>
          <a href='#' class='base_i'>删除</a>
          <a href='javascript:Effect.Appear("cd_stage_form");void(0);' class='base_i'>▶分类</a>          
        </div>
        <div class='should_be_pay'>待发:<b>￥</b><small>1900.88</small></div>
        <div class='date'>结算期：<b>2009-11-12</b>~<b>2009-12-01</b></div>        
      </div>
      <div class='pay_info'>
        <div class='type'>
          <div class='head' >
            <div class='title' onmouseover="$('type_tools_1').show();" onmouseout="$('type_tools_1').hide();">
              <div>【公建】</div>
              <div>
                <div class='crud'>
                  <div class='box cud_smart_form cud_designer_form'>
                    <div id='cd_designer_form' class='new_or_edit' style='display:none;'>
                      <div class='form'>
                        <dl>
                          <dt>【公建】-设计师：</dt>
                        </dl>
                      <% 5.times.each do |i| %>
                        <div class='item'>
                          <div class='name'>麦世伟</div>
                          <div class='tools'>
                            <a href='' class='base'>加入</a>
                          </div>
                        </div>
                      <% end %>
                      </div>               
                      <div class='buttons'>
                        <a href='javascript:Effect.Fade("cd_designer_form");void(0);' class='go_back button'>返回</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id='type_tools_1' class='tools' style='display:none;'>
                <a href='#' class='base_i'>修改</a>
                <a href='#' class='base_i'>删除</a>
                <a href='javascript:Effect.Appear("cd_designer_form");void(0);' class='base_i'>▶设计师</a>
              </div>
            </div>                        
            <div class='tools'>              
              <a href='#' class='base'>▶工作项</a>
              <a href='#' class='base'>▶提成</a>
            </div>
          </div>
          <div class='work_items'>
            <div class='work_item'>
              <div class='work_item_form'>
                <div class='form'>
                  <form>
                    <dl>
                      <dt>工作项名称：</dt>
                      <dd><input size='80'></dd>
                    </dl>
                    <dl>
                      <dt>报酬单位：</dt>
                      <dd><input size='80'></dd>
                    </dl>
                    <dl>
                      <dt class='l'>备注：</dt>
                      <dd><textarea></textarea></dd>
                    </dl>
                  </form>
                </div>
                <div class='buttons'>
                  <a href='#' class='save button'>保存</a> <a href='#' class='go_back button'>返回</a>
                </div>
              </div>
              <div onmouseover="$('new_project_work_item_<%= index %>').show();" onmouseout="$('new_project_work_item_<%= index %>').hide();">
                <div class='body'>
                  <div>
                    <table cellspacing='1' cellpadding='1'>
                      <tr>
                        <th>名称</th>
                        <th>报酬单位</th>
                        <th>备注</th>
                        <th>待发</th>
                        <th class='hidden'>
                          <div id='new_project_work_item_<%= index %>' class='tools' style='display:none;'>
                            <a href='#' class='base_i'>▶创建</a>
                          </div>
                        </th>
                      </tr>
                      <% 3.times.each do |item_id| %>
                      <tr onmouseover="$('item_tools_<%= item_id %>').show();" onmouseout="$('item_tools_<%= item_id %>').hide();">
                        <td>
                          食堂/休闲中心施工图设计 
                        </td>
                        <td align='right'>1.23</td>
                        <td>直接调整</td>
                        <td align='right' class='money'>15817.00</td>
                        <td class='hidden'>
                          <div id='item_tools_<%= item_id %>' style='display:none;'>
                            <a href='#' class='base_i'>修改</a>
                            <a href='#' class='base_i'>删除</a>
                          </div>
                        </td>
                      </tr>
                      <% end %>
                      <tr>
                        <td align='right' colspan='4' class='total' >合计：<b>2000.00</b></td>
                        <td class='hidden'></td>
                      </tr>
                    </table>
                  </div>                  
                </div>
              </div>
            </div>
          </div>
          <div class='designers'>
            <div class='designer'>
              <div class='info'>
                <div class='logo'>
                  <img src='/images/unknown.jpg' width='50' height='40' />
                </div>
                <div class='name'>
                  <a href='#' class='base'>麦世维</a>
                </div>
              </div>
              <div class='items'>
                <div class='pay_item_form'>
                  <div class='form'>
                    <form>
                      <dl>
                        <dt>工作项名称：</dt>
                        <dd><input size='80'></dd>
                      </dl>
                      <dl>
                        <dt>计费项目：</dt>
                        <dd><input size='80'></dd>
                      </dl>
                      <dl>
                        <dt>工作量：</dt>
                        <dd><input size='80'></dd>
                      </dl>
                      <dl>
                        <dt>发放比例：</dt>
                        <dd><input size='80'></dd>
                      </dl>
                      <dl>
                        <dt>指导比例：</dt>
                        <dd><input size='80'></dd>
                      </dl>
                      <dl>
                        <dt>难度系数：</dt>
                        <dd><input size='80'></dd>
                      </dl>
                      <dl>
                        <dt class='l'>备注：</dt>
                        <dd><textarea></textarea></dd>
                      </dl>
                    </form>
                  </div>
                  <div class='buttons'>
                    <a href='#' class='save button'>保存</a> <a href='#' class='go_back button'>返回</a>
                  </div>
                </div>
                <table cellspacing='1' cellpadding='1' onmouseover="$('new_designers_<%= index %>').show();" onmouseout="$('new_designers_<%= index %>').hide();" >
                  <tr>
                    <th>工作项</th>
                    <th>报酬单位</th>
                    <th>计费面积</th>
                    <th>工作量</th>
                    <th>发放比例</th>
                    <th>指导比例</th>
                    <th>难度系数</th>
                    <th>
                      应得金额
                    </th>
                    <th class='hidden'>
                      <div class='crud'>                                                
                        <div id='new_designers_<%= index %>' class='box' style='display:none;'>
                          <a href='#' class='base_i'>▶创建</a>
                        </div>
                      </div>
                    </th>
                  </tr>
                  <% 3.times do |i| %>
                  <tr onmouseover="$('ud_designers_<%= i %>').show();" onmouseout="$('ud_designers_<%= i %>').hide();" >
                    <td>食堂/休闲中心施工图设计</td>
                    <td align='right'>1.23</td>
                    <td align='right'>19483.4</td>
                    <td align='right'>55%</td>
                    <td align='right'>100%</td>
                    <td align='right'>100%</td>
                    <td align='right'>120%</td>
                    <td align='right' class='money'>￥15817.00</td>
                    <td class='hidden'>
                      <div class='crud'>                                                
                        <div id='ud_designers_<%= i %>' class='box' style='display:none;'>
                          <a href='#' class='base_i'>修改</a>
                          <a href='#' class='base_i'>删除</a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <% end %>
                  <tr>
                    <td align='right' colspan='8' class='total'>合计：<b>￥2000.00</b></td>
                    <td class='hidden'></td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class='paying'>
      <div class='stage'>
        <div class='head'>
          <div class='name half_corner paying'>
            <a href='#' class='base'>▶施工图</a>
          </div>
          <div class='date'>结算从<b>2009-11-12</b>到<b>2009-12-01</b></div>
          <div class='should_be_pay'>待发:<b>￥</b><small>1900.88</small></div>
        </div>
      </div>
    </div>
    <div class='paused'>
      <div class='stage'>
        <div class='head'>
          <div class='name half_corner paused'>
            <a href='#' class='base'>▶施工图</a>
          </div>
          <div class='date'>结算从<b>2009-11-12</b>到<b>2009-12-01</b></div>
          <div class='should_be_pay'>已发:<b>￥</b><small>1900.88</small></div>
        </div>
        <div class='pay_info'>
        <div class='type'>
          <div class='head'>
            <div class='title'><b>◆</b>公建</div>
            <div class='tools'><a href='#' class='base'>▶工作项</a><a href='#' class='base'>▶提成</a></div>
          </div>
          <div class='work_items'>
            <div class='work_item'>
              <table cellspacing='1' cellpadding='1'>
                <tr>
                  <th>名称</th>
                  <th>报酬单位</th>
                  <th>备注</th>
                  <th>实发</th>
                </tr>
                <tr>
                  <td>食堂/休闲中心施工图设计</td>
                  <td align='right'>1.23</td>
                  <td>直接调整</td>
                  <td align='right' class='money'>￥15817.00</td>
                </tr>
                <tr>
                  <td>食堂/休闲中心施工图设计</td>
                  <td align='right'>1.23</td>
                  <td>直接调整</td>
                  <td align='right' class='money'>￥15817.00</td>
                </tr>
                <tr>
                  <td align='right' colspan='8' class='total'>合计：<b>￥2000.00</b></td>
                </tr>
              </table>
            </div>
          </div>
          <div class='designers'>
            <div class='designer'>
              <div class='info'>
                <div class='logo'>
                  <img src='/images/unknown.jpg' width='50' height='40' />
                </div>
                <div class='name'>
                  <a href='#' class='base'>麦世维</a>
                </div>
              </div>
              <div class='items'>
                <table cellspacing='1' cellpadding='1'>
                  <tr>
                    <th>工作项</th>
                    <th>报酬单位</th>
                    <th>计费面积</th>
                    <th>工作量</th>
                    <th>发放比例</th>
                    <th>指导比例</th>
                    <th>难度系数</th>
                    <th>应得金额</th>
                  </tr>
                  <% 3.times do %>
                  <tr>
                    <td>食堂/休闲中心施工图设计</td>
                    <td align='right'>1.23</td>
                    <td align='right'>19483.4</td>
                    <td align='right'>55%</td>
                    <td align='right'>100%</td>
                    <td align='right'>100%</td>
                    <td align='right'>120%</td>
                    <td align='right' class='money'>￥15817.00</td>
                  </tr>
                  <% end %>
                  <tr>
                    <td align='right' colspan='8' class='total'>合计：<b>￥2000.00</b></td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>
      <div class='stage'>
        <div class='head'>
          <div class='name half_corner payed'>
            <a href='#' class='base'>▶施工图</a>
          </div>
          <div class='date'>结算从<b>2009-11-12</b>到<b>2009-12-01</b></div>
          <div class='should_be_pay'>已发:<b>￥</b><small>1900.88</small></div>
        </div>
      </div>
    </div>
    <div class='payeds'>
      <div class='stage'>
        <div class='head'>
          <div class='name half_corner payed'>
            <a href='#' class='base'>▶施工图</a>
          </div>
          <div class='date'>结算从<b>2009-11-12</b>到<b>2009-12-01</b></div>
          <div class='should_be_pay'>已发:<b>￥</b><small>1900.88</small></div>
        </div>
        <div class='pay_info'>
        <div class='type'>
          <div class='head'>
            <div class='title'><b>◆</b>公建</div>
            <div class='tools'><a href='#' class='base'>▶工作项</a><a href='#' class='base'>▶提成</a></div>
          </div>
          <div class='work_items'>
            <div class='work_item'>
              <table cellspacing='1' cellpadding='1'>
                <tr>
                  <th>名称</th>
                  <th>报酬单位</th>
                  <th>备注</th>
                  <th>实发</th>
                </tr>
                <tr>
                  <td>食堂/休闲中心施工图设计</td>
                  <td align='right'>1.23</td>
                  <td>直接调整</td>
                  <td align='right' class='money'>￥15817.00</td>
                </tr>
                <tr>
                  <td>食堂/休闲中心施工图设计</td>
                  <td align='right'>1.23</td>
                  <td>直接调整</td>
                  <td align='right' class='money'>￥15817.00</td>
                </tr>
                <tr>
                  <td align='right' colspan='8' class='total'>合计：<b>￥2000.00</b></td>
                </tr>
              </table>
            </div>
          </div>
          <div class='designers'>
            <div class='designer'>
              <div class='info'>
                <div class='logo'>
                  <img src='/images/unknown.jpg' width='50' height='40' />
                </div>
                <div class='name'>
                  <a href='#' class='base'>麦世维</a>
                </div>
              </div>
              <div class='items'>
                <table cellspacing='1' cellpadding='1'>
                  <tr>
                    <th>工作项</th>
                    <th>报酬单位</th>
                    <th>计费面积</th>
                    <th>工作量</th>
                    <th>发放比例</th>
                    <th>指导比例</th>
                    <th>难度系数</th>
                    <th>应得金额</th>
                  </tr>
                  <tr>
                    <td>食堂/休闲中心施工图设计</td>
                    <td align='right'>1.23</td>
                    <td align='right'>19483.4</td>
                    <td align='right'>55%</td>
                    <td align='right'>100%</td>
                    <td align='right'>100%</td>
                    <td align='right'>120%</td>
                    <td align='right' class='money'>￥15817.00</td>
                  </tr>
                  <tr>
                    <td>食堂/休闲中心施工图设计</td>
                    <td align='right'>1.23</td>
                    <td align='right'>19483.4</td>
                    <td align='right'>55%</td>
                    <td align='right'>100%</td>
                    <td align='right'>100%</td>
                    <td align='right'>120%</td>
                    <td align='right' class='money'>￥15817.00</td>
                  </tr>
                  <tr>
                    <td>食堂/休闲中心施工图设计</td>
                    <td align='right'>1.23</td>
                    <td align='right'>19483.4</td>
                    <td align='right'>55%</td>
                    <td align='right'>100%</td>
                    <td align='right'>100%</td>
                    <td align='right'>120%</td>
                    <td align='right' class='money'>￥15817.00</td>
                  </tr>
                  <tr>
                    <td align='right' colspan='8' class='total'>合计：<b>￥2000.00</b></td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>
      <div class='stage'>
        <div class='head'>
          <div class='name half_corner payed'>
            <a href='#' class='base'>▶施工图</a>
          </div>
          <div class='date'>结算从<b>2009-11-12</b>到<b>2009-12-01</b></div>
          <div class='should_be_pay'>已发:<b>￥</b><small>1900.88</small></div>
        </div>
      </div>
    </div>
  </div>
</div>